<!doctype html>
<html lang="en-gb" class="no-js">
<head>
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'blog/css/homepagestyle.css' %}" />
</head>
<body>
    <div id="header">
        <ul>
          <li style="margin-left:80px"><a href="http://192.168.9.128:8000">首页</a></li>
          <li><a href="#">Python专题</a></li>
          <li><a href="#">网页专题</a></li>
          <li><a href="#">编辑</a></li>
          <li style="float:right;margin-right:50px"><a href="http://192.168.9.128:8000/admin">About Me</a></li>
        </ul>
    </div>
    <div id="columns-container">
        <ul>
        {% for column in column_list %}
        <a href="{% url 'column' column.id%}">
            <li>
                <h1 style="color:#2d78f4;float:left"><img align="middle" src="{{ column.upload_img.url }}" width="200" height="128" title="{{ column.column_text }}专栏"/>
                </h1>
                <h1 style="color:#2d78f4">{{ column.column_text }}专栏</h1>

                <p align="left" style="font-size:18px;color:#8590a6;">
                    {{ column.comment}}
                </p>
                <p style="font-size:14px;color:#8590a6;float:right;">
                    文章数：{{ column.article_num }}
                </p>


            </li>
        </a>
        {% endfor %}
        </ul>
        <div id="blog-information">
            <h2>最近更新文章：</h2>
            {% for article in updated_article_list %}
            <h3>
                <a href="{% url 'detail' article.id%}">
                    {{ article.title }}
                </a>
            </h3>
            <p>
                更新日期：{{article.update_time}} 更新作者：{{article.author}} 阅读：{{article.read_times}}次
            </p>
            {% endfor %}
        </div>
    </div>

</body>
</html>